<!DOCTYPE html>
<html lang="en">
<head>
<title>T14 - Chess Board</title>
<style>
h1 {
text-align: center;
font-size: 45px;
}
#outer {
height: 1000px;
width: 1000px;
border: 2px solid;
margin: 0 auto;
}
h1 {
font-size: 45px;
text-align: center;
}
.r {
height: 125px;
width: 1000px;
}
.wb {
height: 125px;
width: 125px;
float: left;
background-color: white;
}
.bb {
height: 125px;
width: 125px;
float: left;
background-color: black;
}
</style>
</head>
<body>
<h1>Task 14 - Chess Board</h1>
<div id="outer">
<div class="r">
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
</div>
<div class="r">
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
</div>
<div class="r">
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
</div>
<div class="r">
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
</div>
<div class="r">
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
</div>
<div class="r">
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
</div>
<div class="r">
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
</div>
<div class="r">
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
<div class="bb"></div>
<div class="wb"></div>
</div>
</div>
</body>
</html>